<?php
setcookie("user", "1", time()+33330);
$dir = get_bloginfo('stylesheet_directory').'/images/';

$url = $dir.'bg'.rand(1, 4).'.jpg';

?>
<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
	<title><?php if ( is_category() ) {
		echo 'Category Archive for &quot;'; single_cat_title(); echo '&quot; | '; bloginfo( 'name' );
	} elseif ( is_tag() ) {
		echo 'Tag Archive for &quot;'; single_tag_title(); echo '&quot; | '; bloginfo( 'name' );
	} elseif ( is_archive() ) {
		wp_title(''); echo ' Archive | '; bloginfo( 'name' );
	} elseif ( is_search() ) {
		echo 'Search for &quot;'.wp_specialchars($s).'&quot; | '; bloginfo( 'name' );
	} elseif ( is_home() ) {
		bloginfo( 'name' ); echo ' | '; bloginfo( 'description' );
	}  elseif ( is_404() ) {
		echo 'Error 404 Not Found | '; bloginfo( 'name' );
	} elseif ( is_single() ) {
		wp_title('');
	} else {
		echo wp_title(''); echo ' | '; bloginfo( 'name' );
	} ?></title>
	<meta name="description" content="<?php wp_title(''); echo ' | '; bloginfo( 'description' ); ?>" />
	<meta charset="<?php bloginfo( 'charset' ); ?>" />
	<link rel="profile" href="http://gmpg.org/xfn/11" />
	<meta name="viewport" content="width=device-width; initial-scale=1"/><?php /* Add "maximum-scale=1" to fix the Mobile Safari auto-zoom bug on orientation changes, but keep in mind that it will disable user-zooming completely. Bad for accessibility. */ ?>
	<link rel="icon" href="<?php bloginfo('template_url'); ?>/favicon.ico" type="image/x-icon" />
	<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
	<link rel="alternate" type="application/rss+xml" title="<?php bloginfo( 'name' ); ?>" href="<?php bloginfo( 'rss2_url' ); ?>" />
	<link rel="alternate" type="application/atom+xml" title="<?php bloginfo( 'name' ); ?>" href="<?php bloginfo( 'atom_url' ); ?>" />
	<?php wp_enqueue_script("jquery"); /* Loads jQuery if it hasn't been loaded already */ ?>
	<?php /* The HTML5 Shim is required for older browsers, mainly older versions IE */ ?>
	<!--[if lt IE 9]>
		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
	<?php wp_head(); ?> <?php /* this is used by many Wordpress features and for plugins to work proporly */ ?>
	<?php /* Remove the Less Framework CSS line to not include the CSS Reset, basic styles/positioning, and Less Framework itself */?>
	<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'template_url' ); ?>/lessframework.css" />
	<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'template_url' ); ?>/theme.css" />
	<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'stylesheet_url' ); ?>" />
	<script src="http://code.jquery.com/jquery-latest.js"></script>

	<!--lly -->
	<!-- styles needed by jScrollPane -->
	<link type="text/css" href="<?php bloginfo( 'template_url' ); ?>/jquery.jscrollpane.css" rel="stylesheet" media="all" />


	<!-- the mousewheel plugin - optional to provide mousewheel support -->
	<script type="text/javascript" src="<?php bloginfo( 'template_url' ); ?>/script/jquery.mousewheel.js"></script>

	<!-- the jScrollPane script -->
	<script type="text/javascript" src="<?php bloginfo( 'template_url' ); ?>/script/jquery.jscrollpane.min.js"></script>


</head>

<body <?php body_class(); ?>>
<?php if (!isset($_COOKIE["user"]))
echo '<div class="welcome"><div id="myimg" class="wel-img" style="position: absolute;z-index:99;"></div><img style="display:none;" id="wel-load" src="'.$url.'" alt="" /><div class="wel-logo1"><img src="'.$dir.'wel-logo1.png" alt="" /></div><div style="display:none;" class="wel-logo2"><img src="'.$dir.'wel-logo2.png" alt="" /></div></div>';
?>
	<script language="javascript">
	$(document).ready(function(){

	$('#wel-load').load(function(){
	$('.wel-logo2').delay(2000).fadeIn(400);
	$('.welcome,#myimg').delay(4000).fadeOut(400);
	});
	});
	</script>
<div class="none">
	<p><a href="#content">Skip to Content</a></p><?php /* used for accessibility, particularly for screen reader applications */ ?>
</div><!--.none-->
<div id="main"><!-- this encompasses the entire Web site -->
	<div id="header">
	<header>
		<div class="container">
			<div id="title">			
<a href="<?php bloginfo('url'); ?>/" title="<?php bloginfo('description'); ?>"><img src="<?php bloginfo('stylesheet_directory');?>/images/logo.png" alt="logo" width="185" height="56"/></a>
			</div><!--#title-->
			<div id="language">
				<a class="cur" href="?lang=de">DE</a>
				<a href="?lang=en">EN</a>
				<a href="?lang=fr">FR</a>
			</div>	<style type="text/css">
	body{
	background: url("<?php echo $url;?>") no-repeat scroll 0 0 #B4D0F8;height:1128px;
	}
	.wel-img{background: url("<?php echo $url;?>") no-repeat scroll 0 0 #B4D0F8;height:1128px;width:1100px}
	.wel-logo1{color: #000000;position: absolute;text-align: center;z-index: 100;top:212px;left: 50%;margin: 0 auto 0 -224px;}
	.wel-logo2{color: #000000;position: absolute;text-align: center;z-index: 100;top:282px;left: 50%;margin: 0 auto 0 -224px;}
	</style>
			<div id="nav-primary1" class="nav"><nav>
				<?php 
				     wp_nav_menu( array( 'theme_location' => 'header-menu' ) ); /* if the visitor is NOT logged in, this primary navigation will be displayed. if a single menu should be displayed for both conditions, set the same menues to be displayed under both conditions through the Wordpress backend */
				?>
			</nav></div><!--#nav-primary1-->
			<?php if ( ! dynamic_sidebar( 'header-menu' ) ) : ?><!-- Wigitized Header --><?php endif ?>
			<div class="clear"></div>
		</div><!--.container-->
	</header>
	
	<div class="bottom">
		<div class="bottom_l"></div>
		<div class="bottom_c"></div>
		<div class="bottom_r"></div>
	</div>

	</div>
	<!--#header-->
	<div id="top">
		<div id="top_l"></div>
		<div id="top_c"></div>
		<div id="top_r"></div>
	</div>
	<div id="container" class="container">